<script language="javascript" type="text/javascript" src="http://localhost/disenoweb1/css/niceForm/niceforms.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="http://localhost/disenoweb1/css/niceForm/niceforms-default.css" />
<link rel="stylesheet" type="text/css" href="http://localhost/disenoweb1/css/niceForm/style.css" />
<body>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title>Animated Header</title>

    <script type="text/javascript" src="../jquery.min.js"></script>
    <script type="text/javascript" src="../ddaccordion.js"></script>
    <script type="text/javascript" src="../jquery.datatables.js"></script>

    <style type="text/css" media="screen">

        body



        {
            background-color: #551050;
        }

            /* Center the website */
        #wrapper{
            width:920px;
            margin:0 auto;
        }

            /* Give the header a height and a background image */
        #header{
            height:150px;

            background: #000 url(http://localhost/disenoweb1/plugin1/background.jpg) repeat-y scroll left top;
            text-align:center;
        }

            /* Create a Shadow Overlay */
        #header div{
            width:920px;
            height:150px;


            background: transparent url(http://localhost/disenoweb1/plugin1/overlay.png) no-repeat scroll left top;
        }

            /* Vertically position header text and style it*/
        #header h1{
            padding-top:125px;
            font-family: Arial, "MS Trebuchet", sans-serif;
            color:white;
        }

            /* Give basic styles to the body and the navigation */
        #body{
            background-color:#efefef;
            height:500px;
        }
        #nav{
            height:35px;
            background-color: #33ccff ;
        }

    </style>

    <!--[if lte IE 6]>
    <style type="text/css" media="screen">
        #header div{
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='overlay.png', sizingMethod='scale');
        }
    </style>
    <![endif]-->

</head>

<body>

<div id="wrapper">
    <div id="header">

        <!-- Div is for Shadow Overlay-->
        <div>
            <h1>HORNOS INDUSTRIALES DE PANIFICACION Tec. MANA</h1>
        </div>
    </div>
    <div id="nav">
        <!-- Navigation Goes HERE -->
        <div class="menu">
            <ul>
                <li><a class="current" href="../index.php/principal">Inicio</a></li>
                <li><a >Historia<!--[if IE 7]><!--></a><!--<![endif]-->

                    <!--[if lte IE 6]><table><tr><td><![endif]-->
                    <ul>
                        <li><a href="../index.php/historia_mana" title="">la historia  </a></li>

                    </ul>
                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
                <li><a >Mision<!--[if IE 7]><!--></a><!--<![endif]-->
                    <!--[if lte IE 6]><table><tr><td><![endif]-->
                    <ul>
                        <li><a href="../index.php/mision" title="">mision de la empresa</a></li>


                    </ul>
                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
                <li><a >Vision<!--[if IE 7]><!--></a><!--<![endif]-->
                    <!--[if lte IE 6]><table><tr><td><![endif]-->
                    <ul>
                        <li><a href="../index.php/vision" title="">la vision de la empresa</a></li>

                    </ul>
                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>

                <li><a >Ubicacion<!--[if IE 7]><!--></a><!--<![endif]-->
                    <!--[if lte IE 6]><table><tr><td><![endif]-->
                    <ul>
                        <li><a href="../index.php/mapita" title="">Mapa</a></li>

                    </ul>
                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>

                <!--[if lte IE 6]></td></tr></table></a><![endif]-->

                <li><a href="">Contactos</a></li>
            </ul>
        </div>
    </div>
    <div id="body">
        <div class="right_content">

            <h2> Datos  </h2>


            <table id="rounded-corner" summary="2007 Major IT Companies' Profit">

                <thead>
                <tr>
                    <!--                <th scope="col" class="rounded-company"></th>-->
                    <th scope="col" class="rounded-q4">Codigo</th>
                    <th scope="col" class="rounded-q4">Codigo Cliente</th>
                    <th scope="col" class="rounded-q4">Fecha</th>
                    <th scope="col" class="rounded-q4">Fecha Entrega</th>
                    <th scope="col" class="rounded-q4">Precio </th>
                    <th scope="col" class="rounded-q4">Codigo pago</th>

                </tr>
                </thead>

                <tbody>
                <tr>

                </tr>

                </tbody>


            </table>
            <tfoot>

            </tfoot>
            <tbody>



            </tbody>
            </table>





            <div class="pagination">

            </div>






        </div><!-- end of right content-->

        <!-- Body Content Goes HERE -->
    </div>
</div>
//</ div> <!--end of main content-->
<div class="clear"></div>



</body>

<!-- Import jQuery-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript" charset="utf-8">

    var scrollSpeed = 70;       // Speed in milliseconds
    var step = 1;               // How many pixels to move per step
    var current = 0;            // The current pixel row
    var imageHeight = 4300;     // Background image height
    var headerHeight = 300;     // How tall the header is.

    //The pixel row where to start a new loop
    var restartPosition = -(imageHeight - headerHeight);

    function scrollBg(){

        //Go to next pixel row.
        current -= step;

        //If at the end of the image, then go to the top.
        if (current == restartPosition){
            current = 0;
        }

        //Set the CSS of the header.
        $('#header').css("background-position","0 "+current+"px");


    }

    //Calls the scrolling function repeatedly
    var init = setInterval("scrollBg()", scrollSpeed);

</script>

<script src="../jquery.jclock-1.2.0.js.txt" type="text/javascript"></script>
<script type="text/javascript" src="../jconfirmaction.jquery.js"></script>
<script type="text/javascript">

    $(document).ready(function() {
        $('.ask').jConfirmAction();



        //Loading DIv Change busca la pagina del cliente a registrar
        //// $('#cliente').click(function(e) {
        // prevent the default action when a nav button link is clicked
        //// e.preventDefault();

        // ajax query to retrieve the HTML view without refreshing the page.
        ////    $.ajax({
        ////       type: 'get',
        ////       url: '< ?= base_url()?>index.php/cliente',

        ////        dataType: 'html',
        ////       success: function (html) {
        // success callback -- replace the div's innerHTML with
        // the response from the server.
        ////           $('#content').children().remove();
        ///       $('#content').html(html);
        ///    }
        ////  });
        //// });
        //Loading DIv Change busqueda producto ajeno a registrar
        ///  $('#producto_ajeno').click(function(e) {
        // prevent the default action when a nav button link is clicked
        ////    e.preventDefault();

        // ajax query to retrieve the HTML view without refreshing the page.
        ////   $.ajax({
        ////     type: 'get',
        ///// -->  url: '< ?= base_url()?>index.php/producto_ajeno',
        ////  dataType: 'html',
        ////  success: function (html) {
        // success callback -- replace the div's innerHTML with
        // the response from the server.
        ////     $('#content').children().remove();
        ////     $('#content').html(html);
        ////    }
        //// });
        //// });



        var oTable = $('#rounded-corner').dataTable( {
            "bProcessing": true,
            "bServerSide": true,
            "sAjaxSource": 'http://localhost/disenoweb1/index.php/reporte_venta_servicio/imprimir_1',
            "data":'',
            "aoColumns": [
                { "mData": "codigo" },
                { "mData": "cod_cliente" },
                { "mData": "fecha" },
                { "mData": "fecha_entrega" },
                { "mData": "precio" },
                { "mData": "cod_pago" }

            ]
        } );

    });





</script>

</html>